import * as React from "react"
import { observer, inject } from "mobx-react"
import { View, ViewStyle } from "react-native"
import { Screen } from "../../components/screen"
import { NavigationScreenProps } from "react-navigation"
import { RadioGroup } from "../../components/radio-group"

export interface EditSexScreenProps extends NavigationScreenProps<{}> {
  rootStore: any
}

const styledRadio: ViewStyle = {}

@inject("rootStore")
@observer
export default class EditSexScreen extends React.Component<EditSexScreenProps, {}> {
  render() {
    return (
      <Screen style={{ backgroundColor: "#fff" }}>
        <View>
          <RadioGroup style={styledRadio} />
        </View>
      </Screen>
    )
  }
}
